.app-fill-page {
    width: 100vw;
    height: 100vh;
}

.app-fill-vh {
    height: 100vh;
}

.app-fill-vw {
    width: 100vw;
}

.app-fill-container {
    width: 100%;
    height: 100%;
}

.app-fill-container-height {
    height: 100%;
}

.app-fill-container-weight {
    width: 100%;
}

/* 一些按钮样式 */
.baseBut {
    border: none;
    color: #fff;
    background-color: #ffd04b;
}

.baseBut:hover {
    color: #fff;
    background-color: #ffd95c;
}

.normal-btn {
    margin-left: 20px;
    color: white;
    background: #333 !important;
}

.normal-btn:hover {
    margin-left: 20px;
    color: white;
    background: #505050 !important;
}

.delBut {
    color: #fc5531 !important;

}

.delBut:hover {
    color: #fc5531 !important;
    background: #fff1f1;
}

// 表单的上下边距
.tableBox {
    margin-top: 20px;
    margin-bottom: 50px;
}

// 分页上边距
.pagination {
    position: absolute;
    bottom: 0;
    margin-bottom: 15px;
}

// 通用布局
.column-center {
    display: flex;
    align-items: center;
}

.row-center {
    display: flex;
    justify-content: center;
}

.only-flex {
    display: flex;
    flex-wrap: wrap;
}

/** 文本不可选中 */
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }